Angular - 1.6 Typescript c'est quoi ?

Qu'est-ce que ce cours vous offre?

Nous venons tout juste de commencer et nous venons de construire et éditer notre première application Angular. Mais bien sûr, nous n'avons pas bien compris ce que nous avons fait là-bas. C'est pourquoi, lors de la prochaine vidéo, nous allons nous plonger dans les bases de Angular.

Quels sont les componants? Qu'avons-nous fait avec cette liaison de données bidirectionnelle et comment cela fonctionne-t-il? Cette section y répondra et nous y jetterons un regard très détaillé. Nous expliquerons également comment tous les fichiers que vous avez vus dans votre projet sont connectés les uns aux autres.

Ensuite, nous examinerons les componants et la liaison de données, deux caractéristiques clés importantes et nous les avons déjà vues dans notre première application. Les applications angulaires sont construites à partir de componants et la liaison de données est simplement la façon dont vous exportez des données dans votre DOM et, comme vous l'apprendrez également, réagissez aux événements de l'utilisateur. Angular a une autre caractéristique clé; directives.

ngModel, que nous avons utilisé avec la liaison de données bidirectionnelle, est en fait une telle directive. Vous en apprendrez plus sur les directives intégrées dans cette section et, ce qui est très important, construisez vos propres directives. de jolies petites aides (instructions) que vous pouvez placer dans vos modèles, dans votre code HTML, qui feront ensuite quelque chose à l'exécution en fonction des commandes que vous y avez écrites.

Eh bien après avoir examiné cela, nous allons en apprendre davantage sur les services et l'injection de dépendance; Angular est une fonctionnalité essentielle qui facilite grandement la communication entre vos différents éléments de votre application, la centralisation du code et la gestion de l'état de votre application. Une fois que nous en avons terminé, il est temps d'examiner le routage car, jusqu'à présent, nous n'avons été placés que sur une seule page.

Nous sommes toujours sur une page puisqu'il s'agit d'une application à une seule page, mais pour l'utilisateur, cela ressemblait vraiment à une page. Avec le routage, nous introduisons la gestion de différentes URLs pour que l'utilisateur, a l'impression de changer de page, même si, techniquement, on reste sur la même page. Et le routage vous montre comment cela fonctionne. Ensuite, il est temps de regarder Observables; c'est quelque chose qui aura plus de sens une fois que vous aurez parcouru la section de routage.

C'est un concept qui vous permet de travailler avec du code asynchrone. Angular l'adopte, c'est vraiment puissant et cette section explique son fonctionnement. Nous examinerons ensuite les formulaires, car le traitement des formulaires, la gestion des entrées utilisateur est une tâche essentielle de presque toutes les applications et cette section l'examine de très près. Après avoir fini avec les formulaires, nous allons examiner les pipes; une autre fonctionnalité intéressante qui facilite la transformation de la sortie (ce que vous affichez sur le modèle à l'exécution).